<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>图书信息页-模板渲染</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style type="text/css">
	*{
		margin:0;
		padding:0;
	}
	ul{
		width:300px;
		height:auto;
		margin:20px auto;
		padding:0 20px;
		border-radius:4px;
		background-color:#90c3ee;
	}
    li{
    	list-style: none;
    	line-height:60px;
    	border-bottom:1px dashed #e4e4e4;
    	text-align:center;
    	color:#fff;
    }
</style>
</head>

<body>

<ul>
    <li>{{ subject1 }}</li>
    <li>{{ subject2 }}</li>
    <li>{{ subject3 }}</li>
    <li>{{ subject4 }}</li>
    <li>{{ subject5 }}</li>
</ul>

</body>
</html>